<template>
  <div class="paramsActionSheet">
    <van-action-sheet v-model="show" title="产品参数"
                      :closeable="closeable">
      <div v-for="(item,index) in params" :key="'params'+index">
        <div class="content flex">
          <p class="leftContent">{{ item.title }}</p>
          <p class="rightContent">{{ item.des }}</p>
        </div>
        <van-divider/>
      </div>

    </van-action-sheet>
  </div>
</template>

<script>
import Vue from 'vue';
import {ActionSheet} from 'vant';
import {Divider} from 'vant';

Vue.use(Divider);
Vue.use(ActionSheet);
export default {
  name: "paramsActionSheet",
  props: {
    params: {
      type: Array
    }
  },
  data() {
    return {
      show: false,
      closeable: false,
    }
  },
}
</script>

<style lang="less" scoped>
.content {
  padding: 0 .5rem;
  font-size: .45rem;

  .leftContent {
    width: 20%;
    flex-shrink: 0;
    margin-right: .5rem;
    color: #000000;
  }

  .rightContent {
    color: #666666;
  }
}
</style>